<template>
  <div class="index">
    <Meun></Meun>
    <div class="content">
        <label>源数据 >> 探针数据</label>
        <smartTable v-bind:get-message="tableData" v-on:receiveData="receiveData">
          <tr v-for="item in Data">
            <td>{{item.place_name}}</td>
            <td>{{item.device_name}}</td>
            <td>{{item.time_on}}</td>
            <td>{{item.last_update_time}}</td>
            <td>{{item.signal_strength}}</td>
            <td>{{item.mobile_mac}}</td>
            <td>{{item.company}}</td>
            <td>{{item.equipment_longitude}}</td>
            <td>{{item.equiment_latitude}}</td>
            <td>{{item.netbar_wacode}}</td>
            <td>{{item.collection_equipment_mac}}</td>
            <td>{{item.status}}</td>
          </tr>
        </smartTable>
    </div>
  </div>
</template>

<script>
import Meun from '../../components/menu.vue'
import smartTable from '../../components/smartTable.vue'
export default {
  components: {
    Meun,
    smartTable
  },
  data () {
    return {
      tableData: {
        'colTitle': ['场所名称','设备名称','上线时间','更新时间','信号强度','终端MAC','安全厂商','经度','纬度','场所编码','设备Mac','状态'],
        'method': 'GET',
        'url': '/static/json/tanzhen.json',
        'query': {}
      },
      Data: []
    }
  },
  methods: {
    receiveData (data) {
      this.Data = data
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.index{
	background:#f5f6f6;
}
.content{
    margin-top:5px;
    padding:50px;
    border-radius: 10px;
    min-width: 900px;
    label{
    	font-size:14px;
    	margin-left:-20px;
    	margin-bottom:20px;
    }
}
</style>
